<html>
<head>
<title>Compose</title>
<style type="text/css">
</style>

<link type="text/css" href="/lib/jqueryui/css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="/lib/custom-form-elements.css"/>
<link rel="stylesheet" type="text/css" href="/templates/notebook.css"/>
<link rel="stylesheet" type="text/css" href="/templates/research.css"/>

<script src="/lib/jquery.min.js"></script>
<script src="/lib/jquery.cookie.js"></script>
<script src="/lib/jqueryui/js/jquery-ui-1.7.2.custom.min.js"></script>
<script src="/lib/overlib/overlib.js"></script>
<script src="/lib/custom-form-elements.js"></script>
<script src="/lib/webtoolkit.base64.js"></script>

<script src="/templates/ajax_standalone.js"></script>
<script src="/templates/notebook.js"></script>
<script src="/templates/research.js"></script>

<script type="text/javascript">
$(research_begin);
</script>
</head>
<body style="margin: 50px">
	<div id="research_procedure">
		<ul>
			<li><a href="#seek_knowledge"><img src="/px/magnifying-glass.png" style="height: 48px"/><br/>Seek Knowledge</a></li>
			<li><a href="#gather_knowledge"><img src="/px/box_48.png" style="height: 48px"/><br/>Gather Knowledge</a></li>
			<li><a href="#profit"><img src="/px/dollar.png" style="height: 48px"/><br/>Profit!</a></li>
		</ul>
		<div id="seek_knowledge">
		</div>
		<div id="gather_knowledge">
			<div class="sorter">
				<table>
					<tr>
						<th>Unsorted</th>
						<td id="gather_bin"></td>
					</tr>
				</table>
			</div>
			<div class="finder">
				<div>
				<select size="4" id="root">
				</select>
				</div>
				<img src="/px/gui/48x48/folder_add_48.png" 	onclick="onFolderAddClick()"/>
				<img src="/px/gui/48x48/tabs_48.png" 					onclick="onArrangeTabsClick()"/>
				<p>wiki:</p>
			</div>
			<div id="notebook_area"></div>
		</div>
		<div id="profit">
			<table style="border: 0"><tr><td>
			<img src="/px/sean/teacher.png"/>
			</td><td id="profit_notebooks"></td></table>
		</div>
	</div>
	
	<div id="new_notebook" title="New Notebook" style="display: none">
		<label for="new_notebook_name">Name:</label>
		<input type="text" id="new_notebook_name"/>
	</div>
</body>
</html>
